<!doctype html>
<html>
	<head>
		<meta content="text/html;charset=utf-8" http-equiv="content-type" />
		<link rel="stylesheet" href="/redis_css/bubble.css" />
		<script type="text/javascript">
	
		</script>
		<link rel="stylesheet" href="/redis_css/css.css" />
	</head>
	<style>
	   .user{
	      width:200px;
		  height:300px;
		  position:fixed;
		  top:0px;left:0px;
	   }
	   .user div{
	   width:200px;height:250px;
	       margin:80px auto;
	   }
	   .user div p input{
	       width:100px;height:25px;
	   }
	   .user div p button{
	      width:60px;height:25px;
	   }
	   .user div p .zc{margin-left:30px;}
	</style>
	<body>
   <!--登入/注册-->
   
   <div class='user'>
     <div>
       <p>账号：<input type='text' name='user' /></p>
       <p>密码：<input type='password' name='pass'/></p>
	   <p><button class='dr'>登入</button><button class='zc'>注册</button></p>
	  </div>
   </div>



	<textarea type='search' name='search' style='width:72.3%;height:40px;border-radius:4px;border:1px solid #ccc;resize:none;position:fixed;
		  top:0px;left:185px;z-index:999;'></textarea>
	<br/>
	<div style='width:100%height:500px;overflow:auto;margin-top:30px;;'>
		<div id="wraper2">
			<div style="text-align: right;padding-right:20px;">
				<div class="bubble">
					<div class="content">
						啊？
					</div>
				</div>
			</div>
		</div>
		<div id="wraper3">
			<div style="text-align: left;padding-left:20px">
			<img src='/image/gwc_xiaomi6.jpg' style='width:50px;height:50px;border-radius:100px;position:relative;top:20px;'/>
				<div class="bubble">
					<div class="content">
						算了我觉得我快神经病了！
					</div>
				</div>
			</div>
		</div>
		<div id="wraper3">
			<div style="text-align: left;padding-left:20px">
			<img src='/image/gwc_xiaomi6.jpg' style='width:50px;height:50px;border-radius:100px;position:relative;top:20px;'/>
				<div class="bubble">
					<div class="content">
						算了我觉得我快神经病了！
					</div>
				</div>
			</div>
		</div>
		<div id="wraper3">
			<div style="text-align: left;padding-left:20px">
			<img src='/image/gwc_xiaomi6.jpg' style='width:50px;height:50px;border-radius:100px;position:relative;top:20px;'/>
				<div class="bubble">
					<div class="content">
						算了我觉得我快神经病了！
					</div>
				</div>
			</div>
		</div>
		<div id="wraper4">
			<div style="text-align: right;padding-right:20px;">
				<div class="bubble">
					<div class="content">
						哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
					</div>
				</div>
			</div>
		</div>
</div>
	</body>
</html>
<script src='/js/jquery.js'></script>
<script>
    $(document).keyup(function(event){
            //判断回车键的CODE
            if(event.keyCode == 13){
                    var text=$('textarea[name=search]').val();
					
					$('textarea[name=search]').val('');
            }
        })
</script>